<template>
  <div id="app">
    <keep-alive>
    <router-view name='header' ></router-view>
    </keep-alive>
    <router-view name='main' class="main"></router-view>
    <router-view name='footer' ></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'

}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
 html,body{
    width: 100%!important;
    height: 100%!important;
  }
  #app{
    position: relative;
    height: 100%;
    width: 100%;
  }
  @font-face {
  font-family: 'iconfont';  /* project id 1104595 */
  src: url('//at.alicdn.com/t/font_1104595_kdwcuupk1na.eot');
  src: url('//at.alicdn.com/t/font_1104595_kdwcuupk1na.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1104595_kdwcuupk1na.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1104595_kdwcuupk1na.woff') format('woff'),
  url('//at.alicdn.com/t/font_1104595_kdwcuupk1na.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1104595_kdwcuupk1na.svg#iconfont') format('svg');
}
/* .myactive{
  color:red !important;
} */
</style>
